<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2310709_9hf37riauq.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/buycar.css">
    <script src="./js/buycar.js"></script>
    <script src="./libs/jquery-validation/jquery.validate.js"></script>
    <script src="./libs/layer/layer.js"></script>
</head>

<body>
    <header>
        <div id="top">
            <div class="top main">
                <a href="./index.html"><img src="./img/vanklogo.png" alt=""></a>
                <p class="fr">
                    <span>您好! <em class="username">欢迎光临凡客诚品</em>
                        <a href="" class="exit">登录</a>
                        <span>|</span>
                        <a href="">更换用户</a>
                    </span>
                    <a href="">帮助</a>
                </p>
            </div>
        </div>
    </header>

    <section>
        <div id="content">
            <div class="rate main">
                <div class="mycar rateon">1.我的购物车</div>
                <div class="checkcar">2.填写核对信息单</div>
                <div class="successcar">3.成功提交订单</div>
            </div>

            <!-- 购物车为空时显示 -->
            <div class="conempty main">
                <p>您的购物车中没有商品，请您先 <a href="./detail.html"> 选购商品»</a></p>
            </div>
            <div class="cartlisttop main">
                <p>我的购物车</p>
                <p><span>温馨提示：</span> 1.选购清单中的商品无法保留库存，请您及时结算。2.商品的价格和库存将以订单提交时为准。3.促销活动满减优惠将均摊至商品小计中。</p>
            </div>
            <div class="carlisttab main">
                <table>
                    <thead>
                        <tr>
                            <th class="leftspace"></th>
                            <th class="bar-title">
                                <input type="checkbox" name="allcheck" id="buycarcheckbox" checked>全选
                            </th>
                            <th class="image"></th>
                            <th class="name">商品名称</th>
                            <th class="size">尺寸</th>
                            <th class="price">单价</th>
                            <th class="qty">数量</th>
                            <th class="discount">优惠</th>
                            <th class="subtotal">小计</th>
                            <th class="operate">操作</th>
                            <th class="rightspace"></th>
                        </tr>
                    </thead>

                    <tbody id="tbd">
                        <tr class="emptytop">
                            <td class="leftspace"></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td class="rightspace"></td>
                        </tr>

                    </tbody>
                    <tfoot>
                        <tr class="emptybot">
                            <td class="leftspace"></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td class="rightspace"></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
            <div class="settle main">
                <p>
                    <input type="checkbox" name="settleall" id="settleall" checked>全选
                    <a>删除</a>
                    <span class="numsum">数量总计: <em>0</em>件</span>
                </p>
                <p>
                    产品金额总计(不含运费):
                    <span>¥<em class="pricesum">0</em></span>
                    <a href="">点击领取优惠券</a>
                </p>
                <span class="continuebuy">
                    <<继续购物</span> <span class="gosettle"><em>¥ </em> 去结算>>
                </span>
            </div>
        </div>
    </section>

    <footer>
        <div id="footer">
            <div class="fot-bot main">
                <p>Copyright 2007 - 2020 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号
                    出版物经营许可证新出发京批字第直110138号</p>
                <p class="fot-link">
                    <a href="" class="chengxin"></a>
                    <span class="costumeOrg"></span>
                    <a href="" class="jybz"></a>
                </p>
            </div>
        </div>
    </footer>
</body>

</html>